<style scoped>
.tip-colla .icon {
  display: inline-block;
  margin: 0 16px;
}
.tip-colla .colla-title {
  font-size: 15px;
}
.tip-colla .colla-title:hover {
  color: #409eff;
}
</style>
<!--  -->
<template>
  <div class="tip-colla">
    <el-collapse accordion>
      <el-collapse-item>
        <template slot="title">
          <div class="dffr">
            <div class="icon"><i class="header-icon el-icon-info blue"></i></div>
            <p class="colla-title">{{title}}</p>
          </div>
        </template>
        <slot></slot>
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script>
export default {
  props: {
    title: {
      type: String,
      default: '说明'
    }
  },
  data () {
    return {
    }
  },
  components: {
  }
}

</script>
